<template>
<div class="container">
<el-row> 
  <el-col :span="12">
    <Zhexiantu />
    </el-col>
  <el-col :span="12">
    <Xinxi />
    </el-col>
</el-row>
<el-row>
  <el-col :span="12"><Items /></el-col>
  <el-col :span="12"><Class /></el-col>
</el-row>


<el-row>
  <el-col :span="10"><Teacher /></el-col>
  <el-col :span="14"><Education /></el-col>
</el-row>
 

</div>
</template>

<script>
import Zhexiantu from '../../../tubiao/Zhexiantu.vue'
import Xinxi from '../../../tubiao/Xinxi.vue'
import Items from '../../../tubiao/Items.vue'
import Class from '../../../tubiao/Class.vue'
import Teacher from '../../../tubiao/Teacher.vue'
import  Education from '../../../tubiao/Education.vue'

export default {
  components:{
    Zhexiantu,
    Xinxi,
    Items,
    Class,
    Teacher,
    Education
    }

}
</script>

<style lang='less' scoped>
.el-col-12 {
   width:600px;
   margin: 0 10px;
   text-align: center;
}
.container{
  width: 1240px;
}

</style>